<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			* {
				padding: 0;
				margin: 0;
			}

			body {
				background-color: #DCDCDC;
			}

			li {
				list-style: none;
				margin-left: 8px;
				margin-bottom: 14px;
				float: left;
				display: block;
				text-align: center;
				/* text-align: -webkit-match-parent; */
				/* margin: 50px auto; */
			}

			a:hover {
				box-shadow: 10px 10px 10px -4px gray;
			}

			a {
				width: 234px;
				height: 260px;
				padding: 20px 0px;
				display: block;
				font-size: 14px;
				text-align: center;
				text-decoration: none;
				background-color: white;
				/* margin-bottom: 10px; */
			}

			h3 {
				width: 214px;
				height: 21px;
				color: #333333;
				margin-bottom: 10px;
				/* margin-top: 9px; */
			}


			#xl8 {
				width: 214px;
				height: 18px;
				color: #b0b0b0;
				margin-bottom: 10px;

			}

			#jiage {
				width: 214px;
				height: 21px;
				color: #FF6700;
			}


			#dahezi {
				/* border: 3px solid red; */
				width: 1300px;
				height: 615px;
				margin: auto;
				margin-top: 150px;
			}

			.datu {
				height: 615px;
				float: left;
			}

			ul li a:nth-child(1) {
				/* margin-left: 10px; */
			}

			ul {
				margin-top: 0px;
				margin-right: 0px;
				margin-bottom: 0px;
				margin-left: 0px;

				padding-top: 0px;
				padding-right: 0px;
				padding-bottom: 0px;
				padding-left: 0px;
			}
		</style>

	</head>
	<body>
		<div id="dahezi">
			<ul>
				<li class="datu">
					<!-- <a href=""><img src="img/cebian.png" alt=""></a> -->
					<img src="img/cebian.png" alt="">
				</li>

				<li>
					<a href="" class="tu1">
						<img src="img/XIAOMI/Redmi K70 Pro.png" alt="" width="160" height="160">
						<h3>Redmi K70Pro</h3>
						<p id="xl8">第三代骁龙8 年度旗舰平台</p>
						<p id="jiage">3299元起</p>
					</a>
				</li>


				<li class="tu2">
					<a href="">
						<img src="img/XIAOMI/Redmi K70.png" alt="" width="160" height="160">
						<h3>Redmi K70</h3>
						<p id="xl8">第二代骁龙8 旗舰芯</p>
						<p id="jiage">2499元起</p>
					</a>
				</li>

				<li>
					<a href="" class="tu3">
						<img src="img/XIAOMI/Redmi K70E.png" alt="" width="160" height="160">
						<h3>Redmi K70E</h3>
						<p id="xl8">新一代旗舰焊门员</p>
						<p id="jiage">1999元起</p>
					</a>
				</li>

				<li>
					<a href="" class="tu1=4">
						<img src="img/XIAOMI/Xiaomi 14 Pro.png" alt="" width="160" height="160">
						<h3>Xiaomi 14 Pro</h3>
						<p id="xl8">徕卡Summilux可变光圈镜头 | 小..</p>
						<p id="jiage">4999元起</p>
					</a>
				</li>

				<li>
					<a href="" class="tu5">
						<img src="img/XIAOMI/Xiaomi 14.png" alt="" width="160" height="160">
						<h3>Xiaomi 14</h3>
						<p id="xl8">徕卡Summilux镜头 | 小米澎湃O...</p>
						<p id="jiage">3999元起</p>
					</a>
				</li>

				<li>
					<a href="" class="tu6">
						<img src="img/XIAOMI/Redmi Note 13 Pro.png" alt="" width="160" height="160">
						<h3>Redmi Note 13 Pro</h3>
						<p id="xl8">小金刚品质</p>
						<p id="jiage">1399元起</p>
					</a>
				</li>

				<li>
					<a href="" class="tu7">
						<img src="img/XIAOMI/Redmi Note 13 Pro+.png" alt="" width="160" height="160">
						<h3>Redmi Note 13 Pro+</h3>
						<p id="xl8">天机 7200-Ultra 处理器</p>
						<p id="jiage">1899元起</p>
					</a>
				</li>

				<li>
					<a href="" class="tu8">
						<img src="img/XIAOMI/Redmi Note 13.webp" alt="" width="160" height="160">
						<h3>Redmi Note 13 5G</h3>
						<p id="xl8">1 亿像素 更快更清晰</p>
						<p id="jiage">1099元起</p>
					</a>
				</li>

			</ul>
		</div>

	</body>
</html>